<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>IconFont Demo</title>
  <link rel="shortcut icon" href="https://gtms04.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">&#xe86b;</a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=1786769" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">人员管理</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">硬件管理</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">招生宣传</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63a;</span>
                <div class="name">短信通知</div>
                <div class="code-name">&amp;#xe63a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63b;</span>
                <div class="name">校务管理</div>
                <div class="code-name">&amp;#xe63b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">门禁设置</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">宝贝体温</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">系统参数设置</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">收费管理</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">晨午间体检</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">APP设置</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">操作日志</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">周计划</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">门禁设置</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">广播系统主机设置</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe661;</span>
                <div class="name">校车设置</div>
                <div class="code-name">&amp;#xe661;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe662;</span>
                <div class="name">招生宣传</div>
                <div class="code-name">&amp;#xe662;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">硬件管理</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">报名信息</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe666;</span>
                <div class="name">微官网</div>
                <div class="code-name">&amp;#xe666;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe667;</span>
                <div class="name">考勤机设置</div>
                <div class="code-name">&amp;#xe667;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">激活</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">活跃</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">宣传海报</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66b;</span>
                <div class="name">监控管理</div>
                <div class="code-name">&amp;#xe66b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66c;</span>
                <div class="name">权限管理</div>
                <div class="code-name">&amp;#xe66c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">保育管理</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66e;</span>
                <div class="name">班级管理</div>
                <div class="code-name">&amp;#xe66e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">宝贝在线</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe670;</span>
                <div class="name">健康信息反馈</div>
                <div class="code-name">&amp;#xe670;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">园区管理</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">园区设置</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe673;</span>
                <div class="name">年级管理</div>
                <div class="code-name">&amp;#xe673;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe674;</span>
                <div class="name">校内新闻</div>
                <div class="code-name">&amp;#xe674;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe675;</span>
                <div class="name">亲子计划</div>
                <div class="code-name">&amp;#xe675;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe676;</span>
                <div class="name">教务管理</div>
                <div class="code-name">&amp;#xe676;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe677;</span>
                <div class="name">账单管理</div>
                <div class="code-name">&amp;#xe677;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe678;</span>
                <div class="name">宝贝食谱</div>
                <div class="code-name">&amp;#xe678;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe679;</span>
                <div class="name">动态管理</div>
                <div class="code-name">&amp;#xe679;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67a;</span>
                <div class="name">报表中心</div>
                <div class="code-name">&amp;#xe67a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67b;</span>
                <div class="name">收费记录</div>
                <div class="code-name">&amp;#xe67b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67c;</span>
                <div class="name">费用设置</div>
                <div class="code-name">&amp;#xe67c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67d;</span>
                <div class="name">职工考勤</div>
                <div class="code-name">&amp;#xe67d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">考勤管理</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">宝贝考勤</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">校务管理</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">职工管理</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">宝贝管理</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe695;</span>
                <div class="name">发布技术</div>
                <div class="code-name">&amp;#xe695;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">pie</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">查询统计</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">数据检测</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">基础数据-1</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">1-0数据检测</div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">3-0基础数据</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">2-0统计查询</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">3-2系统数据</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">4-5客户端</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">3-3缓存管理</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61f;</span>
                <div class="name">01 首页_填充</div>
                <div class="code-name">&amp;#xe61f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe620;</span>
                <div class="name">01 首页</div>
                <div class="code-name">&amp;#xe620;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">03 购物车_填充</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">03 购物车</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">04 我的</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">04 我的_填充</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe630;</span>
                <div class="name">13 店铺</div>
                <div class="code-name">&amp;#xe630;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">delete_fill</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">notification_forbid_fill</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61e;</span>
                <div class="name">notification_fill</div>
                <div class="code-name">&amp;#xe61e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">店铺</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">待收货</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">发送</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">分析</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe739;</span>
                <div class="name">警示</div>
                <div class="code-name">&amp;#xe739;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">闹钟</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">直播</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">文件</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73d;</span>
                <div class="name">周边</div>
                <div class="code-name">&amp;#xe73d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">警报</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73f;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xe73f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">日历</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe741;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe741;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">日志</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">爱心</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">分享</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">核销</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">攻略</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">浏览</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">评论</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">提示</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">关机</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe759;</span>
                <div class="name">发现</div>
                <div class="code-name">&amp;#xe759;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">收藏</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75b;</span>
                <div class="name">书写</div>
                <div class="code-name">&amp;#xe75b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">小程序</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">验证</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">隐藏</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">我</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">加</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">减</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">对</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">帮助</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">笔</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe769;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe769;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">正确</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">添加</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76f;</span>
                <div class="name">锁定</div>
                <div class="code-name">&amp;#xe76f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">功能</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">钥匙</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">连接</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">链接</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">身份</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">邮件</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">扫码</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">关系</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">列表</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">控制台</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">电脑</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">上传</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">监控</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">下传</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">系统架构</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">工作台</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">平台</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">主题</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe783;</span>
                <div class="name">仪表盘</div>
                <div class="code-name">&amp;#xe783;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe784;</span>
                <div class="name">结构</div>
                <div class="code-name">&amp;#xe784;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">网络</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">旅行箱</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe787;</span>
                <div class="name">订阅</div>
                <div class="code-name">&amp;#xe787;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">数据</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">笔记本</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">回收</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78b;</span>
                <div class="name">分裂</div>
                <div class="code-name">&amp;#xe78b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe608;</span>
                <div class="name">分析统计</div>
                <div class="code-name">&amp;#xe608;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">管理</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">任务</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">城市</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">指标</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">喇叭</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">麦克风</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe605;</span>
                <div class="name">双人</div>
                <div class="code-name">&amp;#xe605;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">通知</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">电话</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">铃铛</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">系统</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">用户</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">show</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">hide</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">list1_16_16</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">mail_16_16</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe606;</span>
                <div class="name">bnav_me_def</div>
                <div class="code-name">&amp;#xe606;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">报表管理</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">首页</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">订单</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">分配角色</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">用户名</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">个人中心</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">角色授权</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">用户名-实</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">用户管理</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">系统功能</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe753;</span>
                <div class="name">数据统计</div>
                <div class="code-name">&amp;#xe753;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe754;</span>
                <div class="name">数据分析统计</div>
                <div class="code-name">&amp;#xe754;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">公司管理</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">工作任务</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">其他</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">商品管理</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">小区管理</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">系统管理</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62a;</span>
                <div class="name">租赁中心</div>
                <div class="code-name">&amp;#xe62a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62b;</span>
                <div class="name">社区服务站</div>
                <div class="code-name">&amp;#xe62b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">常用联系人</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">查看历史</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">彻底删除</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">导入</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">导出</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">解锁</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">审核</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">锁住</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64f;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe64f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">添加多个</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">生命周期</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">阅读1</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">阅读2</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60a;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe60a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60b;</span>
                <div class="name">导航</div>
                <div class="code-name">&amp;#xe60b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60c;</span>
                <div class="name">回退</div>
                <div class="code-name">&amp;#xe60c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60d;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe60d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">时间</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">搜索</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">下载</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>兼容性最好，支持 IE6+，及所有现代浏览器。</li>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot');
  src: url('iconfont.eot?#iefix') format('embedded-opentype'),
      url('iconfont.woff2') format('woff2'),
      url('iconfont.woff') format('woff'),
      url('iconfont.ttf') format('truetype'),
      url('iconfont.svg#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont my-icon-renyuanguanli"></span>
            <div class="name">
              人员管理
            </div>
            <div class="code-name">.my-icon-renyuanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yingjianguanli"></span>
            <div class="name">
              硬件管理
            </div>
            <div class="code-name">.my-icon-yingjianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhaoshengxuanchuan"></span>
            <div class="name">
              招生宣传
            </div>
            <div class="code-name">.my-icon-zhaoshengxuanchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-duanxintongzhi"></span>
            <div class="name">
              短信通知
            </div>
            <div class="code-name">.my-icon-duanxintongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xiaowuguanli1"></span>
            <div class="name">
              校务管理
            </div>
            <div class="code-name">.my-icon-xiaowuguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-menjinshezhi"></span>
            <div class="name">
              门禁设置
            </div>
            <div class="code-name">.my-icon-menjinshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-baobeitiwen"></span>
            <div class="name">
              宝贝体温
            </div>
            <div class="code-name">.my-icon-baobeitiwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xitongcanshushezhi"></span>
            <div class="name">
              系统参数设置
            </div>
            <div class="code-name">.my-icon-xitongcanshushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shoufeiguanli"></span>
            <div class="name">
              收费管理
            </div>
            <div class="code-name">.my-icon-shoufeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-chenwujiantijian"></span>
            <div class="name">
              晨午间体检
            </div>
            <div class="code-name">.my-icon-chenwujiantijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-APPshezhi"></span>
            <div class="name">
              APP设置
            </div>
            <div class="code-name">.my-icon-APPshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-caozuorizhi"></span>
            <div class="name">
              操作日志
            </div>
            <div class="code-name">.my-icon-caozuorizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhoujihua"></span>
            <div class="name">
              周计划
            </div>
            <div class="code-name">.my-icon-zhoujihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-menjinshezhi1"></span>
            <div class="name">
              门禁设置
            </div>
            <div class="code-name">.my-icon-menjinshezhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-guangboxitongzhujishezhi"></span>
            <div class="name">
              广播系统主机设置
            </div>
            <div class="code-name">.my-icon-guangboxitongzhujishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xiaocheshezhi"></span>
            <div class="name">
              校车设置
            </div>
            <div class="code-name">.my-icon-xiaocheshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhaoshengxuanchuan1"></span>
            <div class="name">
              招生宣传
            </div>
            <div class="code-name">.my-icon-zhaoshengxuanchuan1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yingjianguanli1"></span>
            <div class="name">
              硬件管理
            </div>
            <div class="code-name">.my-icon-yingjianguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-tongzhi1"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.my-icon-tongzhi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-baomingxinxi"></span>
            <div class="name">
              报名信息
            </div>
            <div class="code-name">.my-icon-baomingxinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-weiguanwang"></span>
            <div class="name">
              微官网
            </div>
            <div class="code-name">.my-icon-weiguanwang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-kaoqinjishezhi"></span>
            <div class="name">
              考勤机设置
            </div>
            <div class="code-name">.my-icon-kaoqinjishezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jihuo"></span>
            <div class="name">
              激活
            </div>
            <div class="code-name">.my-icon-jihuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-huoyue"></span>
            <div class="name">
              活跃
            </div>
            <div class="code-name">.my-icon-huoyue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xuanchuanhaibao"></span>
            <div class="name">
              宣传海报
            </div>
            <div class="code-name">.my-icon-xuanchuanhaibao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jiankongguanli"></span>
            <div class="name">
              监控管理
            </div>
            <div class="code-name">.my-icon-jiankongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-quanxianguanli"></span>
            <div class="name">
              权限管理
            </div>
            <div class="code-name">.my-icon-quanxianguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-baoyuguanli"></span>
            <div class="name">
              保育管理
            </div>
            <div class="code-name">.my-icon-baoyuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-banjiguanli"></span>
            <div class="name">
              班级管理
            </div>
            <div class="code-name">.my-icon-banjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-baobeizaixian"></span>
            <div class="name">
              宝贝在线
            </div>
            <div class="code-name">.my-icon-baobeizaixian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jiankangxinxifankui"></span>
            <div class="name">
              健康信息反馈
            </div>
            <div class="code-name">.my-icon-jiankangxinxifankui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yuanquguanli"></span>
            <div class="name">
              园区管理
            </div>
            <div class="code-name">.my-icon-yuanquguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yuanqushezhi"></span>
            <div class="name">
              园区设置
            </div>
            <div class="code-name">.my-icon-yuanqushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-nianjiguanli"></span>
            <div class="name">
              年级管理
            </div>
            <div class="code-name">.my-icon-nianjiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xiaoneixinwen"></span>
            <div class="name">
              校内新闻
            </div>
            <div class="code-name">.my-icon-xiaoneixinwen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-qinzijihua"></span>
            <div class="name">
              亲子计划
            </div>
            <div class="code-name">.my-icon-qinzijihua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jiaowuguanli"></span>
            <div class="name">
              教务管理
            </div>
            <div class="code-name">.my-icon-jiaowuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhangdanguanli"></span>
            <div class="name">
              账单管理
            </div>
            <div class="code-name">.my-icon-zhangdanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-baobeishipu"></span>
            <div class="name">
              宝贝食谱
            </div>
            <div class="code-name">.my-icon-baobeishipu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-dongtaiguanli"></span>
            <div class="name">
              动态管理
            </div>
            <div class="code-name">.my-icon-dongtaiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-baobiaozhongxin"></span>
            <div class="name">
              报表中心
            </div>
            <div class="code-name">.my-icon-baobiaozhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shoufeijilu"></span>
            <div class="name">
              收费记录
            </div>
            <div class="code-name">.my-icon-shoufeijilu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-feiyongshezhi"></span>
            <div class="name">
              费用设置
            </div>
            <div class="code-name">.my-icon-feiyongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhigongkaoqin"></span>
            <div class="name">
              职工考勤
            </div>
            <div class="code-name">.my-icon-zhigongkaoqin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-kaoqinguanli"></span>
            <div class="name">
              考勤管理
            </div>
            <div class="code-name">.my-icon-kaoqinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-baobeikaoqin"></span>
            <div class="name">
              宝贝考勤
            </div>
            <div class="code-name">.my-icon-baobeikaoqin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xiaowuguanli"></span>
            <div class="name">
              校务管理
            </div>
            <div class="code-name">.my-icon-xiaowuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhigongguanli"></span>
            <div class="name">
              职工管理
            </div>
            <div class="code-name">.my-icon-zhigongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-baobeiguanli"></span>
            <div class="name">
              宝贝管理
            </div>
            <div class="code-name">.my-icon-baobeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-fabujishu"></span>
            <div class="name">
              发布技术
            </div>
            <div class="code-name">.my-icon-fabujishu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-pie"></span>
            <div class="name">
              pie
            </div>
            <div class="code-name">.my-icon-pie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-chaxuntongji"></span>
            <div class="name">
              查询统计
            </div>
            <div class="code-name">.my-icon-chaxuntongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shujujiance"></span>
            <div class="name">
              数据检测
            </div>
            <div class="code-name">.my-icon-shujujiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jichushuju-"></span>
            <div class="name">
              基础数据-1
            </div>
            <div class="code-name">.my-icon-jichushuju-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon--shujujiance"></span>
            <div class="name">
              1-0数据检测
            </div>
            <div class="code-name">.my-icon--shujujiance
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon--jichushuju"></span>
            <div class="name">
              3-0基础数据
            </div>
            <div class="code-name">.my-icon--jichushuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon--tongjichaxun"></span>
            <div class="name">
              2-0统计查询
            </div>
            <div class="code-name">.my-icon--tongjichaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon--xitongshuju"></span>
            <div class="name">
              3-2系统数据
            </div>
            <div class="code-name">.my-icon--xitongshuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon--kehuduan"></span>
            <div class="name">
              4-5客户端
            </div>
            <div class="code-name">.my-icon--kehuduan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon--huancunguanli"></span>
            <div class="name">
              3-3缓存管理
            </div>
            <div class="code-name">.my-icon--huancunguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shouye_tianchong"></span>
            <div class="name">
              01 首页_填充
            </div>
            <div class="code-name">.my-icon-shouye_tianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shouye2"></span>
            <div class="name">
              01 首页
            </div>
            <div class="code-name">.my-icon-shouye2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-gouwuche_tianchong"></span>
            <div class="name">
              03 购物车_填充
            </div>
            <div class="code-name">.my-icon-gouwuche_tianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-gouwuche"></span>
            <div class="name">
              03 购物车
            </div>
            <div class="code-name">.my-icon-gouwuche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-wode"></span>
            <div class="name">
              04 我的
            </div>
            <div class="code-name">.my-icon-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-wode_tianchong"></span>
            <div class="name">
              04 我的_填充
            </div>
            <div class="code-name">.my-icon-wode_tianchong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-dianpu1"></span>
            <div class="name">
              13 店铺
            </div>
            <div class="code-name">.my-icon-dianpu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-delete_fill"></span>
            <div class="name">
              delete_fill
            </div>
            <div class="code-name">.my-icon-delete_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-delete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.my-icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-notification_forbid_fill"></span>
            <div class="name">
              notification_forbid_fill
            </div>
            <div class="code-name">.my-icon-notification_forbid_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-notification_fill"></span>
            <div class="name">
              notification_fill
            </div>
            <div class="code-name">.my-icon-notification_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-dianpu"></span>
            <div class="name">
              店铺
            </div>
            <div class="code-name">.my-icon-dianpu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-daishouhuo"></span>
            <div class="name">
              待收货
            </div>
            <div class="code-name">.my-icon-daishouhuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-fasong"></span>
            <div class="name">
              发送
            </div>
            <div class="code-name">.my-icon-fasong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-fenxi"></span>
            <div class="name">
              分析
            </div>
            <div class="code-name">.my-icon-fenxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jingshi"></span>
            <div class="name">
              警示
            </div>
            <div class="code-name">.my-icon-jingshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-naozhong"></span>
            <div class="name">
              闹钟
            </div>
            <div class="code-name">.my-icon-naozhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhibo"></span>
            <div class="name">
              直播
            </div>
            <div class="code-name">.my-icon-zhibo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-wenjian"></span>
            <div class="name">
              文件
            </div>
            <div class="code-name">.my-icon-wenjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhoubian"></span>
            <div class="name">
              周边
            </div>
            <div class="code-name">.my-icon-zhoubian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jingbao"></span>
            <div class="name">
              警报
            </div>
            <div class="code-name">.my-icon-jingbao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.my-icon-weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-rili"></span>
            <div class="name">
              日历
            </div>
            <div class="code-name">.my-icon-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-tupian"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.my-icon-tupian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-rizhi"></span>
            <div class="name">
              日志
            </div>
            <div class="code-name">.my-icon-rizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-aixin"></span>
            <div class="name">
              爱心
            </div>
            <div class="code-name">.my-icon-aixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-fenxiang"></span>
            <div class="name">
              分享
            </div>
            <div class="code-name">.my-icon-fenxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-hexiao"></span>
            <div class="name">
              核销
            </div>
            <div class="code-name">.my-icon-hexiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-gonglve"></span>
            <div class="name">
              攻略
            </div>
            <div class="code-name">.my-icon-gonglve
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-liulan"></span>
            <div class="name">
              浏览
            </div>
            <div class="code-name">.my-icon-liulan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-pinglun"></span>
            <div class="name">
              评论
            </div>
            <div class="code-name">.my-icon-pinglun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-sousuo1"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.my-icon-sousuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-tishi"></span>
            <div class="name">
              提示
            </div>
            <div class="code-name">.my-icon-tishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-guanji"></span>
            <div class="name">
              关机
            </div>
            <div class="code-name">.my-icon-guanji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-faxian"></span>
            <div class="name">
              发现
            </div>
            <div class="code-name">.my-icon-faxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shoucang"></span>
            <div class="name">
              收藏
            </div>
            <div class="code-name">.my-icon-shoucang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shuxie"></span>
            <div class="name">
              书写
            </div>
            <div class="code-name">.my-icon-shuxie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-dianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.my-icon-dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xiaochengxu"></span>
            <div class="name">
              小程序
            </div>
            <div class="code-name">.my-icon-xiaochengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yanzheng"></span>
            <div class="name">
              验证
            </div>
            <div class="code-name">.my-icon-yanzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shijian2"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.my-icon-shijian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yincang"></span>
            <div class="name">
              隐藏
            </div>
            <div class="code-name">.my-icon-yincang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-wo"></span>
            <div class="name">
              我
            </div>
            <div class="code-name">.my-icon-wo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jia"></span>
            <div class="name">
              加
            </div>
            <div class="code-name">.my-icon-jia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jian"></span>
            <div class="name">
              减
            </div>
            <div class="code-name">.my-icon-jian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-dui"></span>
            <div class="name">
              对
            </div>
            <div class="code-name">.my-icon-dui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-bangzhu"></span>
            <div class="name">
              帮助
            </div>
            <div class="code-name">.my-icon-bangzhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-daoru1"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.my-icon-daoru1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-daochu1"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.my-icon-daochu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-bi"></span>
            <div class="name">
              笔
            </div>
            <div class="code-name">.my-icon-bi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-tuichu1"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.my-icon-tuichu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.my-icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhengque"></span>
            <div class="name">
              正确
            </div>
            <div class="code-name">.my-icon-zhengque
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-tianjia"></span>
            <div class="name">
              添加
            </div>
            <div class="code-name">.my-icon-tianjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.my-icon-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jiesuo1"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.my-icon-jiesuo1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-suoding"></span>
            <div class="name">
              锁定
            </div>
            <div class="code-name">.my-icon-suoding
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-gongneng"></span>
            <div class="name">
              功能
            </div>
            <div class="code-name">.my-icon-gongneng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yuechi"></span>
            <div class="name">
              钥匙
            </div>
            <div class="code-name">.my-icon-yuechi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-lianjie"></span>
            <div class="name">
              连接
            </div>
            <div class="code-name">.my-icon-lianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-lianjie1"></span>
            <div class="name">
              链接
            </div>
            <div class="code-name">.my-icon-lianjie1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shenfen"></span>
            <div class="name">
              身份
            </div>
            <div class="code-name">.my-icon-shenfen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-youjian"></span>
            <div class="name">
              邮件
            </div>
            <div class="code-name">.my-icon-youjian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-saoma"></span>
            <div class="name">
              扫码
            </div>
            <div class="code-name">.my-icon-saoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-guanxi"></span>
            <div class="name">
              关系
            </div>
            <div class="code-name">.my-icon-guanxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-liebiao"></span>
            <div class="name">
              列表
            </div>
            <div class="code-name">.my-icon-liebiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-kongzhitai"></span>
            <div class="name">
              控制台
            </div>
            <div class="code-name">.my-icon-kongzhitai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-diannao"></span>
            <div class="name">
              电脑
            </div>
            <div class="code-name">.my-icon-diannao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shangchuan"></span>
            <div class="name">
              上传
            </div>
            <div class="code-name">.my-icon-shangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jiankong"></span>
            <div class="name">
              监控
            </div>
            <div class="code-name">.my-icon-jiankong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xiachuan"></span>
            <div class="name">
              下传
            </div>
            <div class="code-name">.my-icon-xiachuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xitongjiagou"></span>
            <div class="name">
              系统架构
            </div>
            <div class="code-name">.my-icon-xitongjiagou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-gongzuotai"></span>
            <div class="name">
              工作台
            </div>
            <div class="code-name">.my-icon-gongzuotai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shezhi"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.my-icon-shezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-pingtai"></span>
            <div class="name">
              平台
            </div>
            <div class="code-name">.my-icon-pingtai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhuti"></span>
            <div class="name">
              主题
            </div>
            <div class="code-name">.my-icon-zhuti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yibiaopan"></span>
            <div class="name">
              仪表盘
            </div>
            <div class="code-name">.my-icon-yibiaopan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jiegou"></span>
            <div class="name">
              结构
            </div>
            <div class="code-name">.my-icon-jiegou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-wangluo"></span>
            <div class="name">
              网络
            </div>
            <div class="code-name">.my-icon-wangluo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-lvhangxiang"></span>
            <div class="name">
              旅行箱
            </div>
            <div class="code-name">.my-icon-lvhangxiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-dingyue"></span>
            <div class="name">
              订阅
            </div>
            <div class="code-name">.my-icon-dingyue
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shuju"></span>
            <div class="name">
              数据
            </div>
            <div class="code-name">.my-icon-shuju
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-bijiben"></span>
            <div class="name">
              笔记本
            </div>
            <div class="code-name">.my-icon-bijiben
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-huishou"></span>
            <div class="name">
              回收
            </div>
            <div class="code-name">.my-icon-huishou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-fenlie"></span>
            <div class="name">
              分裂
            </div>
            <div class="code-name">.my-icon-fenlie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-fenxitongji"></span>
            <div class="name">
              分析统计
            </div>
            <div class="code-name">.my-icon-fenxitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-guanli"></span>
            <div class="name">
              管理
            </div>
            <div class="code-name">.my-icon-guanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-renwu"></span>
            <div class="name">
              任务
            </div>
            <div class="code-name">.my-icon-renwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-chengshi"></span>
            <div class="name">
              城市
            </div>
            <div class="code-name">.my-icon-chengshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zhibiao"></span>
            <div class="name">
              指标
            </div>
            <div class="code-name">.my-icon-zhibiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-laba"></span>
            <div class="name">
              喇叭
            </div>
            <div class="code-name">.my-icon-laba
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-maikefeng"></span>
            <div class="name">
              麦克风
            </div>
            <div class="code-name">.my-icon-maikefeng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shuangren"></span>
            <div class="name">
              双人
            </div>
            <div class="code-name">.my-icon-shuangren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-tongzhi"></span>
            <div class="name">
              通知
            </div>
            <div class="code-name">.my-icon-tongzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-dianhua"></span>
            <div class="name">
              电话
            </div>
            <div class="code-name">.my-icon-dianhua
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-lingdang"></span>
            <div class="name">
              铃铛
            </div>
            <div class="code-name">.my-icon-lingdang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shijian1"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.my-icon-shijian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xitong"></span>
            <div class="name">
              系统
            </div>
            <div class="code-name">.my-icon-xitong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yonghu"></span>
            <div class="name">
              用户
            </div>
            <div class="code-name">.my-icon-yonghu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-qiepian"></span>
            <div class="name">
              show
            </div>
            <div class="code-name">.my-icon-qiepian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-qiepian1"></span>
            <div class="name">
              hide
            </div>
            <div class="code-name">.my-icon-qiepian1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-list"></span>
            <div class="name">
              list1_16_16
            </div>
            <div class="code-name">.my-icon-list
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-qiepian2"></span>
            <div class="name">
              mail_16_16
            </div>
            <div class="code-name">.my-icon-qiepian2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-bnav_me_def"></span>
            <div class="name">
              bnav_me_def
            </div>
            <div class="code-name">.my-icon-bnav_me_def
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-baobiaoguanli"></span>
            <div class="name">
              报表管理
            </div>
            <div class="code-name">.my-icon-baobiaoguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shouye1"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.my-icon-shouye1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shouye"></span>
            <div class="name">
              首页
            </div>
            <div class="code-name">.my-icon-shouye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-dingdan"></span>
            <div class="name">
              订单
            </div>
            <div class="code-name">.my-icon-dingdan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-fenpeijiaose"></span>
            <div class="name">
              分配角色
            </div>
            <div class="code-name">.my-icon-fenpeijiaose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yonghuming"></span>
            <div class="name">
              用户名
            </div>
            <div class="code-name">.my-icon-yonghuming
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-gerenzhongxin"></span>
            <div class="name">
              个人中心
            </div>
            <div class="code-name">.my-icon-gerenzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jiaoseshouquan"></span>
            <div class="name">
              角色授权
            </div>
            <div class="code-name">.my-icon-jiaoseshouquan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yonghuming-shi"></span>
            <div class="name">
              用户名-实
            </div>
            <div class="code-name">.my-icon-yonghuming-shi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shenhe1"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.my-icon-shenhe1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yonghuguanli"></span>
            <div class="name">
              用户管理
            </div>
            <div class="code-name">.my-icon-yonghuguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xitonggongneng"></span>
            <div class="name">
              系统功能
            </div>
            <div class="code-name">.my-icon-xitonggongneng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.my-icon-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xitongguanli1"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.my-icon-xitongguanli1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shujutongji"></span>
            <div class="name">
              数据统计
            </div>
            <div class="code-name">.my-icon-shujutongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shujufenxitongji"></span>
            <div class="name">
              数据分析统计
            </div>
            <div class="code-name">.my-icon-shujufenxitongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jiaoseguanli"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.my-icon-jiaoseguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-chakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.my-icon-chakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-gongsiguanli"></span>
            <div class="name">
              公司管理
            </div>
            <div class="code-name">.my-icon-gongsiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-gongzuorenwu"></span>
            <div class="name">
              工作任务
            </div>
            <div class="code-name">.my-icon-gongzuorenwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-qita"></span>
            <div class="name">
              其他
            </div>
            <div class="code-name">.my-icon-qita
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shangpinguanli"></span>
            <div class="name">
              商品管理
            </div>
            <div class="code-name">.my-icon-shangpinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xiaoquguanli"></span>
            <div class="name">
              小区管理
            </div>
            <div class="code-name">.my-icon-xiaoquguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xitongguanli"></span>
            <div class="name">
              系统管理
            </div>
            <div class="code-name">.my-icon-xitongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-zulinzhongxin"></span>
            <div class="name">
              租赁中心
            </div>
            <div class="code-name">.my-icon-zulinzhongxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shequfuwuzhan"></span>
            <div class="name">
              社区服务站
            </div>
            <div class="code-name">.my-icon-shequfuwuzhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-bianji1"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.my-icon-bianji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-changyonglianxiren"></span>
            <div class="name">
              常用联系人
            </div>
            <div class="code-name">.my-icon-changyonglianxiren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-chakanlishi"></span>
            <div class="name">
              查看历史
            </div>
            <div class="code-name">.my-icon-chakanlishi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-chedishanchu"></span>
            <div class="name">
              彻底删除
            </div>
            <div class="code-name">.my-icon-chedishanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-daoru"></span>
            <div class="name">
              导入
            </div>
            <div class="code-name">.my-icon-daoru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-daochu"></span>
            <div class="name">
              导出
            </div>
            <div class="code-name">.my-icon-daochu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-jiesuo"></span>
            <div class="name">
              解锁
            </div>
            <div class="code-name">.my-icon-jiesuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shenhe"></span>
            <div class="name">
              审核
            </div>
            <div class="code-name">.my-icon-shenhe
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-suozhu"></span>
            <div class="name">
              锁住
            </div>
            <div class="code-name">.my-icon-suozhu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.my-icon-shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-tianjiaduoge"></span>
            <div class="name">
              添加多个
            </div>
            <div class="code-name">.my-icon-tianjiaduoge
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shengmingzhouqi"></span>
            <div class="name">
              生命周期
            </div>
            <div class="code-name">.my-icon-shengmingzhouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yuedu1"></span>
            <div class="name">
              阅读1
            </div>
            <div class="code-name">.my-icon-yuedu1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-yuedu2"></span>
            <div class="name">
              阅读2
            </div>
            <div class="code-name">.my-icon-yuedu2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.my-icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-daohang"></span>
            <div class="name">
              导航
            </div>
            <div class="code-name">.my-icon-daohang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-huitui"></span>
            <div class="name">
              回退
            </div>
            <div class="code-name">.my-icon-huitui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.my-icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-shijian"></span>
            <div class="name">
              时间
            </div>
            <div class="code-name">.my-icon-shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-sousuo"></span>
            <div class="name">
              搜索
            </div>
            <div class="code-name">.my-icon-sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont my-icon-xiazai"></span>
            <div class="name">
              下载
            </div>
            <div class="code-name">.my-icon-xiazai
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>兼容性良好，支持 IE8+，及所有现代浏览器。</li>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
          <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont my-icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-renyuanguanli"></use>
                </svg>
                <div class="name">人员管理</div>
                <div class="code-name">#my-icon-renyuanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yingjianguanli"></use>
                </svg>
                <div class="name">硬件管理</div>
                <div class="code-name">#my-icon-yingjianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhaoshengxuanchuan"></use>
                </svg>
                <div class="name">招生宣传</div>
                <div class="code-name">#my-icon-zhaoshengxuanchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-duanxintongzhi"></use>
                </svg>
                <div class="name">短信通知</div>
                <div class="code-name">#my-icon-duanxintongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xiaowuguanli1"></use>
                </svg>
                <div class="name">校务管理</div>
                <div class="code-name">#my-icon-xiaowuguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-menjinshezhi"></use>
                </svg>
                <div class="name">门禁设置</div>
                <div class="code-name">#my-icon-menjinshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-baobeitiwen"></use>
                </svg>
                <div class="name">宝贝体温</div>
                <div class="code-name">#my-icon-baobeitiwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xitongcanshushezhi"></use>
                </svg>
                <div class="name">系统参数设置</div>
                <div class="code-name">#my-icon-xitongcanshushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shoufeiguanli"></use>
                </svg>
                <div class="name">收费管理</div>
                <div class="code-name">#my-icon-shoufeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-chenwujiantijian"></use>
                </svg>
                <div class="name">晨午间体检</div>
                <div class="code-name">#my-icon-chenwujiantijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-APPshezhi"></use>
                </svg>
                <div class="name">APP设置</div>
                <div class="code-name">#my-icon-APPshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-caozuorizhi"></use>
                </svg>
                <div class="name">操作日志</div>
                <div class="code-name">#my-icon-caozuorizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhoujihua"></use>
                </svg>
                <div class="name">周计划</div>
                <div class="code-name">#my-icon-zhoujihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-menjinshezhi1"></use>
                </svg>
                <div class="name">门禁设置</div>
                <div class="code-name">#my-icon-menjinshezhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-guangboxitongzhujishezhi"></use>
                </svg>
                <div class="name">广播系统主机设置</div>
                <div class="code-name">#my-icon-guangboxitongzhujishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xiaocheshezhi"></use>
                </svg>
                <div class="name">校车设置</div>
                <div class="code-name">#my-icon-xiaocheshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhaoshengxuanchuan1"></use>
                </svg>
                <div class="name">招生宣传</div>
                <div class="code-name">#my-icon-zhaoshengxuanchuan1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yingjianguanli1"></use>
                </svg>
                <div class="name">硬件管理</div>
                <div class="code-name">#my-icon-yingjianguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-tongzhi1"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#my-icon-tongzhi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-baomingxinxi"></use>
                </svg>
                <div class="name">报名信息</div>
                <div class="code-name">#my-icon-baomingxinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-weiguanwang"></use>
                </svg>
                <div class="name">微官网</div>
                <div class="code-name">#my-icon-weiguanwang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-kaoqinjishezhi"></use>
                </svg>
                <div class="name">考勤机设置</div>
                <div class="code-name">#my-icon-kaoqinjishezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jihuo"></use>
                </svg>
                <div class="name">激活</div>
                <div class="code-name">#my-icon-jihuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-huoyue"></use>
                </svg>
                <div class="name">活跃</div>
                <div class="code-name">#my-icon-huoyue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xuanchuanhaibao"></use>
                </svg>
                <div class="name">宣传海报</div>
                <div class="code-name">#my-icon-xuanchuanhaibao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jiankongguanli"></use>
                </svg>
                <div class="name">监控管理</div>
                <div class="code-name">#my-icon-jiankongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-quanxianguanli"></use>
                </svg>
                <div class="name">权限管理</div>
                <div class="code-name">#my-icon-quanxianguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-baoyuguanli"></use>
                </svg>
                <div class="name">保育管理</div>
                <div class="code-name">#my-icon-baoyuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-banjiguanli"></use>
                </svg>
                <div class="name">班级管理</div>
                <div class="code-name">#my-icon-banjiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-baobeizaixian"></use>
                </svg>
                <div class="name">宝贝在线</div>
                <div class="code-name">#my-icon-baobeizaixian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jiankangxinxifankui"></use>
                </svg>
                <div class="name">健康信息反馈</div>
                <div class="code-name">#my-icon-jiankangxinxifankui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yuanquguanli"></use>
                </svg>
                <div class="name">园区管理</div>
                <div class="code-name">#my-icon-yuanquguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yuanqushezhi"></use>
                </svg>
                <div class="name">园区设置</div>
                <div class="code-name">#my-icon-yuanqushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-nianjiguanli"></use>
                </svg>
                <div class="name">年级管理</div>
                <div class="code-name">#my-icon-nianjiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xiaoneixinwen"></use>
                </svg>
                <div class="name">校内新闻</div>
                <div class="code-name">#my-icon-xiaoneixinwen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-qinzijihua"></use>
                </svg>
                <div class="name">亲子计划</div>
                <div class="code-name">#my-icon-qinzijihua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jiaowuguanli"></use>
                </svg>
                <div class="name">教务管理</div>
                <div class="code-name">#my-icon-jiaowuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhangdanguanli"></use>
                </svg>
                <div class="name">账单管理</div>
                <div class="code-name">#my-icon-zhangdanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-baobeishipu"></use>
                </svg>
                <div class="name">宝贝食谱</div>
                <div class="code-name">#my-icon-baobeishipu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-dongtaiguanli"></use>
                </svg>
                <div class="name">动态管理</div>
                <div class="code-name">#my-icon-dongtaiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-baobiaozhongxin"></use>
                </svg>
                <div class="name">报表中心</div>
                <div class="code-name">#my-icon-baobiaozhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shoufeijilu"></use>
                </svg>
                <div class="name">收费记录</div>
                <div class="code-name">#my-icon-shoufeijilu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-feiyongshezhi"></use>
                </svg>
                <div class="name">费用设置</div>
                <div class="code-name">#my-icon-feiyongshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhigongkaoqin"></use>
                </svg>
                <div class="name">职工考勤</div>
                <div class="code-name">#my-icon-zhigongkaoqin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-kaoqinguanli"></use>
                </svg>
                <div class="name">考勤管理</div>
                <div class="code-name">#my-icon-kaoqinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-baobeikaoqin"></use>
                </svg>
                <div class="name">宝贝考勤</div>
                <div class="code-name">#my-icon-baobeikaoqin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xiaowuguanli"></use>
                </svg>
                <div class="name">校务管理</div>
                <div class="code-name">#my-icon-xiaowuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhigongguanli"></use>
                </svg>
                <div class="name">职工管理</div>
                <div class="code-name">#my-icon-zhigongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-baobeiguanli"></use>
                </svg>
                <div class="name">宝贝管理</div>
                <div class="code-name">#my-icon-baobeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-fabujishu"></use>
                </svg>
                <div class="name">发布技术</div>
                <div class="code-name">#my-icon-fabujishu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-pie"></use>
                </svg>
                <div class="name">pie</div>
                <div class="code-name">#my-icon-pie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-chaxuntongji"></use>
                </svg>
                <div class="name">查询统计</div>
                <div class="code-name">#my-icon-chaxuntongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shujujiance"></use>
                </svg>
                <div class="name">数据检测</div>
                <div class="code-name">#my-icon-shujujiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jichushuju-"></use>
                </svg>
                <div class="name">基础数据-1</div>
                <div class="code-name">#my-icon-jichushuju-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon--shujujiance"></use>
                </svg>
                <div class="name">1-0数据检测</div>
                <div class="code-name">#my-icon--shujujiance</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon--jichushuju"></use>
                </svg>
                <div class="name">3-0基础数据</div>
                <div class="code-name">#my-icon--jichushuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon--tongjichaxun"></use>
                </svg>
                <div class="name">2-0统计查询</div>
                <div class="code-name">#my-icon--tongjichaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon--xitongshuju"></use>
                </svg>
                <div class="name">3-2系统数据</div>
                <div class="code-name">#my-icon--xitongshuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon--kehuduan"></use>
                </svg>
                <div class="name">4-5客户端</div>
                <div class="code-name">#my-icon--kehuduan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon--huancunguanli"></use>
                </svg>
                <div class="name">3-3缓存管理</div>
                <div class="code-name">#my-icon--huancunguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shouye_tianchong"></use>
                </svg>
                <div class="name">01 首页_填充</div>
                <div class="code-name">#my-icon-shouye_tianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shouye2"></use>
                </svg>
                <div class="name">01 首页</div>
                <div class="code-name">#my-icon-shouye2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-gouwuche_tianchong"></use>
                </svg>
                <div class="name">03 购物车_填充</div>
                <div class="code-name">#my-icon-gouwuche_tianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-gouwuche"></use>
                </svg>
                <div class="name">03 购物车</div>
                <div class="code-name">#my-icon-gouwuche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-wode"></use>
                </svg>
                <div class="name">04 我的</div>
                <div class="code-name">#my-icon-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-wode_tianchong"></use>
                </svg>
                <div class="name">04 我的_填充</div>
                <div class="code-name">#my-icon-wode_tianchong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-dianpu1"></use>
                </svg>
                <div class="name">13 店铺</div>
                <div class="code-name">#my-icon-dianpu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-delete_fill"></use>
                </svg>
                <div class="name">delete_fill</div>
                <div class="code-name">#my-icon-delete_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-delete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#my-icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-notification_forbid_fill"></use>
                </svg>
                <div class="name">notification_forbid_fill</div>
                <div class="code-name">#my-icon-notification_forbid_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-notification_fill"></use>
                </svg>
                <div class="name">notification_fill</div>
                <div class="code-name">#my-icon-notification_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-dianpu"></use>
                </svg>
                <div class="name">店铺</div>
                <div class="code-name">#my-icon-dianpu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-daishouhuo"></use>
                </svg>
                <div class="name">待收货</div>
                <div class="code-name">#my-icon-daishouhuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-fasong"></use>
                </svg>
                <div class="name">发送</div>
                <div class="code-name">#my-icon-fasong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-fenxi"></use>
                </svg>
                <div class="name">分析</div>
                <div class="code-name">#my-icon-fenxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jingshi"></use>
                </svg>
                <div class="name">警示</div>
                <div class="code-name">#my-icon-jingshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-naozhong"></use>
                </svg>
                <div class="name">闹钟</div>
                <div class="code-name">#my-icon-naozhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhibo"></use>
                </svg>
                <div class="name">直播</div>
                <div class="code-name">#my-icon-zhibo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-wenjian"></use>
                </svg>
                <div class="name">文件</div>
                <div class="code-name">#my-icon-wenjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhoubian"></use>
                </svg>
                <div class="name">周边</div>
                <div class="code-name">#my-icon-zhoubian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jingbao"></use>
                </svg>
                <div class="name">警报</div>
                <div class="code-name">#my-icon-jingbao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#my-icon-weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-rili"></use>
                </svg>
                <div class="name">日历</div>
                <div class="code-name">#my-icon-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-tupian"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#my-icon-tupian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-rizhi"></use>
                </svg>
                <div class="name">日志</div>
                <div class="code-name">#my-icon-rizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-aixin"></use>
                </svg>
                <div class="name">爱心</div>
                <div class="code-name">#my-icon-aixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-fenxiang"></use>
                </svg>
                <div class="name">分享</div>
                <div class="code-name">#my-icon-fenxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-hexiao"></use>
                </svg>
                <div class="name">核销</div>
                <div class="code-name">#my-icon-hexiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-gonglve"></use>
                </svg>
                <div class="name">攻略</div>
                <div class="code-name">#my-icon-gonglve</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-liulan"></use>
                </svg>
                <div class="name">浏览</div>
                <div class="code-name">#my-icon-liulan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-pinglun"></use>
                </svg>
                <div class="name">评论</div>
                <div class="code-name">#my-icon-pinglun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-sousuo1"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#my-icon-sousuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-tishi"></use>
                </svg>
                <div class="name">提示</div>
                <div class="code-name">#my-icon-tishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-guanji"></use>
                </svg>
                <div class="name">关机</div>
                <div class="code-name">#my-icon-guanji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-faxian"></use>
                </svg>
                <div class="name">发现</div>
                <div class="code-name">#my-icon-faxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shoucang"></use>
                </svg>
                <div class="name">收藏</div>
                <div class="code-name">#my-icon-shoucang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shuxie"></use>
                </svg>
                <div class="name">书写</div>
                <div class="code-name">#my-icon-shuxie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-dianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#my-icon-dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xiaochengxu"></use>
                </svg>
                <div class="name">小程序</div>
                <div class="code-name">#my-icon-xiaochengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yanzheng"></use>
                </svg>
                <div class="name">验证</div>
                <div class="code-name">#my-icon-yanzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shijian2"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#my-icon-shijian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yincang"></use>
                </svg>
                <div class="name">隐藏</div>
                <div class="code-name">#my-icon-yincang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-wo"></use>
                </svg>
                <div class="name">我</div>
                <div class="code-name">#my-icon-wo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jia"></use>
                </svg>
                <div class="name">加</div>
                <div class="code-name">#my-icon-jia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jian"></use>
                </svg>
                <div class="name">减</div>
                <div class="code-name">#my-icon-jian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-dui"></use>
                </svg>
                <div class="name">对</div>
                <div class="code-name">#my-icon-dui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-bangzhu"></use>
                </svg>
                <div class="name">帮助</div>
                <div class="code-name">#my-icon-bangzhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-daoru1"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#my-icon-daoru1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-daochu1"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#my-icon-daochu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-bi"></use>
                </svg>
                <div class="name">笔</div>
                <div class="code-name">#my-icon-bi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-tuichu1"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#my-icon-tuichu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#my-icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhengque"></use>
                </svg>
                <div class="name">正确</div>
                <div class="code-name">#my-icon-zhengque</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-tianjia"></use>
                </svg>
                <div class="name">添加</div>
                <div class="code-name">#my-icon-tianjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#my-icon-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jiesuo1"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#my-icon-jiesuo1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-suoding"></use>
                </svg>
                <div class="name">锁定</div>
                <div class="code-name">#my-icon-suoding</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-gongneng"></use>
                </svg>
                <div class="name">功能</div>
                <div class="code-name">#my-icon-gongneng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yuechi"></use>
                </svg>
                <div class="name">钥匙</div>
                <div class="code-name">#my-icon-yuechi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-lianjie"></use>
                </svg>
                <div class="name">连接</div>
                <div class="code-name">#my-icon-lianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-lianjie1"></use>
                </svg>
                <div class="name">链接</div>
                <div class="code-name">#my-icon-lianjie1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shenfen"></use>
                </svg>
                <div class="name">身份</div>
                <div class="code-name">#my-icon-shenfen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-youjian"></use>
                </svg>
                <div class="name">邮件</div>
                <div class="code-name">#my-icon-youjian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-saoma"></use>
                </svg>
                <div class="name">扫码</div>
                <div class="code-name">#my-icon-saoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-guanxi"></use>
                </svg>
                <div class="name">关系</div>
                <div class="code-name">#my-icon-guanxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-liebiao"></use>
                </svg>
                <div class="name">列表</div>
                <div class="code-name">#my-icon-liebiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-kongzhitai"></use>
                </svg>
                <div class="name">控制台</div>
                <div class="code-name">#my-icon-kongzhitai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-diannao"></use>
                </svg>
                <div class="name">电脑</div>
                <div class="code-name">#my-icon-diannao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shangchuan"></use>
                </svg>
                <div class="name">上传</div>
                <div class="code-name">#my-icon-shangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jiankong"></use>
                </svg>
                <div class="name">监控</div>
                <div class="code-name">#my-icon-jiankong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xiachuan"></use>
                </svg>
                <div class="name">下传</div>
                <div class="code-name">#my-icon-xiachuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xitongjiagou"></use>
                </svg>
                <div class="name">系统架构</div>
                <div class="code-name">#my-icon-xitongjiagou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-gongzuotai"></use>
                </svg>
                <div class="name">工作台</div>
                <div class="code-name">#my-icon-gongzuotai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shezhi"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#my-icon-shezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-pingtai"></use>
                </svg>
                <div class="name">平台</div>
                <div class="code-name">#my-icon-pingtai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhuti"></use>
                </svg>
                <div class="name">主题</div>
                <div class="code-name">#my-icon-zhuti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yibiaopan"></use>
                </svg>
                <div class="name">仪表盘</div>
                <div class="code-name">#my-icon-yibiaopan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jiegou"></use>
                </svg>
                <div class="name">结构</div>
                <div class="code-name">#my-icon-jiegou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-wangluo"></use>
                </svg>
                <div class="name">网络</div>
                <div class="code-name">#my-icon-wangluo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-lvhangxiang"></use>
                </svg>
                <div class="name">旅行箱</div>
                <div class="code-name">#my-icon-lvhangxiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-dingyue"></use>
                </svg>
                <div class="name">订阅</div>
                <div class="code-name">#my-icon-dingyue</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shuju"></use>
                </svg>
                <div class="name">数据</div>
                <div class="code-name">#my-icon-shuju</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-bijiben"></use>
                </svg>
                <div class="name">笔记本</div>
                <div class="code-name">#my-icon-bijiben</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-huishou"></use>
                </svg>
                <div class="name">回收</div>
                <div class="code-name">#my-icon-huishou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-fenlie"></use>
                </svg>
                <div class="name">分裂</div>
                <div class="code-name">#my-icon-fenlie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-fenxitongji"></use>
                </svg>
                <div class="name">分析统计</div>
                <div class="code-name">#my-icon-fenxitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-guanli"></use>
                </svg>
                <div class="name">管理</div>
                <div class="code-name">#my-icon-guanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-renwu"></use>
                </svg>
                <div class="name">任务</div>
                <div class="code-name">#my-icon-renwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-chengshi"></use>
                </svg>
                <div class="name">城市</div>
                <div class="code-name">#my-icon-chengshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zhibiao"></use>
                </svg>
                <div class="name">指标</div>
                <div class="code-name">#my-icon-zhibiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-laba"></use>
                </svg>
                <div class="name">喇叭</div>
                <div class="code-name">#my-icon-laba</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-maikefeng"></use>
                </svg>
                <div class="name">麦克风</div>
                <div class="code-name">#my-icon-maikefeng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shuangren"></use>
                </svg>
                <div class="name">双人</div>
                <div class="code-name">#my-icon-shuangren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-tongzhi"></use>
                </svg>
                <div class="name">通知</div>
                <div class="code-name">#my-icon-tongzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-dianhua"></use>
                </svg>
                <div class="name">电话</div>
                <div class="code-name">#my-icon-dianhua</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-lingdang"></use>
                </svg>
                <div class="name">铃铛</div>
                <div class="code-name">#my-icon-lingdang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shijian1"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#my-icon-shijian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xitong"></use>
                </svg>
                <div class="name">系统</div>
                <div class="code-name">#my-icon-xitong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yonghu"></use>
                </svg>
                <div class="name">用户</div>
                <div class="code-name">#my-icon-yonghu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-qiepian"></use>
                </svg>
                <div class="name">show</div>
                <div class="code-name">#my-icon-qiepian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-qiepian1"></use>
                </svg>
                <div class="name">hide</div>
                <div class="code-name">#my-icon-qiepian1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-list"></use>
                </svg>
                <div class="name">list1_16_16</div>
                <div class="code-name">#my-icon-list</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-qiepian2"></use>
                </svg>
                <div class="name">mail_16_16</div>
                <div class="code-name">#my-icon-qiepian2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-bnav_me_def"></use>
                </svg>
                <div class="name">bnav_me_def</div>
                <div class="code-name">#my-icon-bnav_me_def</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-baobiaoguanli"></use>
                </svg>
                <div class="name">报表管理</div>
                <div class="code-name">#my-icon-baobiaoguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shouye1"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#my-icon-shouye1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shouye"></use>
                </svg>
                <div class="name">首页</div>
                <div class="code-name">#my-icon-shouye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-dingdan"></use>
                </svg>
                <div class="name">订单</div>
                <div class="code-name">#my-icon-dingdan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-fenpeijiaose"></use>
                </svg>
                <div class="name">分配角色</div>
                <div class="code-name">#my-icon-fenpeijiaose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yonghuming"></use>
                </svg>
                <div class="name">用户名</div>
                <div class="code-name">#my-icon-yonghuming</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-gerenzhongxin"></use>
                </svg>
                <div class="name">个人中心</div>
                <div class="code-name">#my-icon-gerenzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jiaoseshouquan"></use>
                </svg>
                <div class="name">角色授权</div>
                <div class="code-name">#my-icon-jiaoseshouquan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yonghuming-shi"></use>
                </svg>
                <div class="name">用户名-实</div>
                <div class="code-name">#my-icon-yonghuming-shi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shenhe1"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#my-icon-shenhe1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yonghuguanli"></use>
                </svg>
                <div class="name">用户管理</div>
                <div class="code-name">#my-icon-yonghuguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xitonggongneng"></use>
                </svg>
                <div class="name">系统功能</div>
                <div class="code-name">#my-icon-xitonggongneng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#my-icon-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xitongguanli1"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#my-icon-xitongguanli1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shujutongji"></use>
                </svg>
                <div class="name">数据统计</div>
                <div class="code-name">#my-icon-shujutongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shujufenxitongji"></use>
                </svg>
                <div class="name">数据分析统计</div>
                <div class="code-name">#my-icon-shujufenxitongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jiaoseguanli"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#my-icon-jiaoseguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-chakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#my-icon-chakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-gongsiguanli"></use>
                </svg>
                <div class="name">公司管理</div>
                <div class="code-name">#my-icon-gongsiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-gongzuorenwu"></use>
                </svg>
                <div class="name">工作任务</div>
                <div class="code-name">#my-icon-gongzuorenwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-qita"></use>
                </svg>
                <div class="name">其他</div>
                <div class="code-name">#my-icon-qita</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shangpinguanli"></use>
                </svg>
                <div class="name">商品管理</div>
                <div class="code-name">#my-icon-shangpinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xiaoquguanli"></use>
                </svg>
                <div class="name">小区管理</div>
                <div class="code-name">#my-icon-xiaoquguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xitongguanli"></use>
                </svg>
                <div class="name">系统管理</div>
                <div class="code-name">#my-icon-xitongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-zulinzhongxin"></use>
                </svg>
                <div class="name">租赁中心</div>
                <div class="code-name">#my-icon-zulinzhongxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shequfuwuzhan"></use>
                </svg>
                <div class="name">社区服务站</div>
                <div class="code-name">#my-icon-shequfuwuzhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-bianji1"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#my-icon-bianji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-changyonglianxiren"></use>
                </svg>
                <div class="name">常用联系人</div>
                <div class="code-name">#my-icon-changyonglianxiren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-chakanlishi"></use>
                </svg>
                <div class="name">查看历史</div>
                <div class="code-name">#my-icon-chakanlishi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-chedishanchu"></use>
                </svg>
                <div class="name">彻底删除</div>
                <div class="code-name">#my-icon-chedishanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-daoru"></use>
                </svg>
                <div class="name">导入</div>
                <div class="code-name">#my-icon-daoru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-daochu"></use>
                </svg>
                <div class="name">导出</div>
                <div class="code-name">#my-icon-daochu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-jiesuo"></use>
                </svg>
                <div class="name">解锁</div>
                <div class="code-name">#my-icon-jiesuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shenhe"></use>
                </svg>
                <div class="name">审核</div>
                <div class="code-name">#my-icon-shenhe</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-suozhu"></use>
                </svg>
                <div class="name">锁住</div>
                <div class="code-name">#my-icon-suozhu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#my-icon-shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-tianjiaduoge"></use>
                </svg>
                <div class="name">添加多个</div>
                <div class="code-name">#my-icon-tianjiaduoge</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shengmingzhouqi"></use>
                </svg>
                <div class="name">生命周期</div>
                <div class="code-name">#my-icon-shengmingzhouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yuedu1"></use>
                </svg>
                <div class="name">阅读1</div>
                <div class="code-name">#my-icon-yuedu1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-yuedu2"></use>
                </svg>
                <div class="name">阅读2</div>
                <div class="code-name">#my-icon-yuedu2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#my-icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-daohang"></use>
                </svg>
                <div class="name">导航</div>
                <div class="code-name">#my-icon-daohang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-huitui"></use>
                </svg>
                <div class="name">回退</div>
                <div class="code-name">#my-icon-huitui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#my-icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-shijian"></use>
                </svg>
                <div class="name">时间</div>
                <div class="code-name">#my-icon-shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-sousuo"></use>
                </svg>
                <div class="name">搜索</div>
                <div class="code-name">#my-icon-sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#my-icon-xiazai"></use>
                </svg>
                <div class="name">下载</div>
                <div class="code-name">#my-icon-xiazai</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
